
<style type="text/css">

.scoreboard {
	width: 308px;
	float: left;
	margin-left: 10px;
	margin-bottom: 15px;
}

	.scoreboard h3 {
		/*background: #3B5998;
		color: white;
		text-shadow: #1E2D4E 0px 1px 0px;
		font-size: 1.3em;
		padding: 5px 10px;*/
		color: #3C5999;
		padding: 4px;
	}
	
	.scoreboard ol {
		border: 1px solid #ccc;
		border-bottom: none;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
		.scoreboard li {
			clear: both;
			border-bottom: 1px solid #ddd;
			padding: 3px 0;
		}
	
		.scoreboard li .num {
			font-size: 2.0em;
			display: block;
			float: left;
			padding: 8px 10px;
		}
		
			.scoreboard li .num10 {
				font-size: 1.4em;
				padding: 10px 7px;
			}		
		
		.scoreboard li h4 {
			font-weight: bold;
			font-size: 1.2em;
			color: #3C5999;
			margin: 0;
			padding: 2px;
		}
		
		.scoreboard li p {
			font-size: 1.1em;
			color: #aaa;
			margin: 0;
			padding: 2px;
		}
		
		.scoreboard li.you {
			background: #4A71C4;
			border: 1px solid #25365A;
			position: relative;
			top: -1px;
			left: -1px;
			padding-top: 3px;
			padding-bottom: 2px; /* adds an additional 1px to the total height */
			width: 306px;
		}
		
			.scoreboard li.you .num,
			.scoreboard li.you h4  {
				color: white;
				text-shadow: #1A2B5C 0px 1px 0px;
			}
			
			.scoreboard li.you p {
				color: #25365A;
			}

#app8934805962_scoreboard-friends {

}

app8934805962_scoreboard-all {

}

.amp {
	/* font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
	font-style: italic;
	font-weight: normal; */
}

</style>

<fb:header>Capture the Flag</fb:header>

<fb:tabs>
  <fb:tab-item href='http://apps.facebook.com/ctf-app/start-match/' title='Start a Match'/>
  <fb:tab-item href='http://apps.facebook.com/ctf-app/open-matches/' title='Look for Open Matches'/>
  <fb:tab-item href='http://apps.facebook.com/ctf-app/scoreboard/' title='Scoreboard' selected='true'/>
  <fb:tab-item href='http://apps.facebook.com/ctf-app/preferences/' title='Preferences'/>
</fb:tabs>

<fb:success message="You're ranked #1 among your friends!" />

<div class="scoreboard" id="scoreboard-friends">
	<h3>You <span class="amp">&amp;</span> Your Friends</h3>
	<ol>
		<li class="you">
			<span class="num">1</span>
			<h4><fb:name uid="loggedinuser" linked="false" useyou="false" /></h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num">2</span>
			<h4>Some Friend</h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num">3</span>
			<h4>Another Friend</h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num">4</span>
			<h4>Some Friend</h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num">5</span>
			<h4>Another Friend</h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num">6</span>
			<h4>Some Friend</h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num">7</span>
			<h4>Some Friend</h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num">8</span>
			<h4>Another Friend</h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num">9</span>
			<h4>Some Friend</h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num num10">10</span>
			<h4>Another Friend</h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
	</ol>
</div>
<div class="scoreboard" id="scoreboard-all">
	<h3>All Players</h3>
	<ol>
		<li>
			<span class="num">1</span>
			<h4><fb:name uid="1024522319" linked="true" useyou="false" /></h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num">2</span>
			<h4><fb:name uid="121202559" linked="true" useyou="false" /></h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num">3</span>
			<h4><fb:name uid="121201923" linked="true" useyou="false" /></h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num">4</span>
			<h4>Some Friend</h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num">5</span>
			<h4>Another Friend</h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num">6</span>
			<h4>Random Person</h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num">7</span>
			<h4>Some Stranger</h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num">8</span>
			<h4>Another Friend</h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num">9</span>
			<h4>Some Friend</h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>
		<li>
			<span class="num num10">10</span>
			<h4>Another Friend</h4>
			<p>points scored: 30 / avg. per match: 3.4</p>
		</li>		
	</ol>
</div>